@charset "utf-8";
/* ----------------------------全平台通用样式----------------------------  */
.m-font-white{color:#fff}
.m-font-default{color:#303133}
.m-font-primary{color:#0152D9}
.m-font-grey{color:#909399}
.m-font-dark-grey{color:#606266}
.m-font-light-grey{color:#BFC2CC}
.m-font-red{color:#FF3B30}
.m-font-orange{color:#FF6900}
.m-font-green{color:#24B277}
.m-font-vip{color:#EABC5C}

.m-font-bold{font-weight: 600}
.m-font-thin{font-weight: 400}
.m-line-through{text-decoration: line-through;}
.m-h-center{text-align: center;}

.m-font-12{font-size: 12px;}
.m-font-13{font-size: 13px;}
.m-font-14{font-size: 14px;}
.m-font-15{font-size: 15px;}
.m-font-16{font-size: 16px;}
.m-font-17{font-size: 17px;}
.m-font-18{font-size: 18px;}
.m-font-20{font-size: 20px;}
.m-font-22{font-size: 22px;}
.m-font-24{font-size: 24px;}
.m-font-26{font-size: 26px;}
.m-font-28{font-size: 28px;}
.m-font-30{font-size: 30px;}
.m-font-32{font-size: 32px;}

.m-m-24{margin: 24px}
.m-m-25{margin: 25px}
.m-m-30{margin: 30px}
.m-m-40{margin: 40px}
.m-m-t-5{margin-top: 5px;}
.m-m-b-5{margin-bottom: 5px;}
.m-m-l-5{margin-left: 5px;}
.m-m-r-5{margin-right: 5px;}
.m-m-t-10{margin-top: 10px;}
.m-m-b-10{margin-bottom: 10px;}
.m-m-l-10{margin-left: 10px;}
.m-m-r-10{margin-right: 10px;}
.m-m-t-15{margin-top: 15px;}
.m-m-b-15{margin-bottom: 15px;}
.m-m-l-15{margin-left: 15px}
.m-m-r-15{margin-right: 15px}
.m-m-t-20{margin-top: 20px;}
.m-m-b-20{margin-bottom: 20px;}
.m-m-l-20{margin-left: 20px}
.m-m-r-20{margin-right: 20px}
.m-m-t-24{margin-top: 24px;}
.m-m-b-24{margin-bottom: 24px;}
.m-m-l-24{margin-left: 24px}
.m-m-r-24{margin-right: 24px}
.m-m-t-25{margin-top: 25px;}
.m-m-b-25{margin-bottom: 25px;}
.m-m-l-25{margin-left: 25px}
.m-m-r-25{margin-right: 25px}
.m-m-t-30{margin-top: 30px;}
.m-m-b-30{margin-bottom: 30px;}
.m-m-l-30{margin-left: 30px}
.m-m-r-30{margin-right: 30px}
.m-m-t-35{margin-top: 35px;}
.m-m-b-35{margin-bottom: 35px;}
.m-m-l-35{margin-left: 35px}
.m-m-r-35{margin-right: 35px}
.m-m-l-40{margin-left: 40px}
.m-m-r-40{margin-right: 40px}
.m-m-t-40{margin-top: 40px;}
.m-m-b-40{margin-bottom: 40px;}
.m-m-l-50{margin-left: 50px}
.m-m-r-50{margin-right: 50px}
.m-m-t-50{margin-top: 50px;}
.m-m-b-50{margin-bottom: 50px;}
.m-m-b-60{margin-bottom: 60px;}

.m-p-0{padding: 0}
.m-p-10{padding: 10px}
.m-p-20{padding: 20px}
.m-p-24{padding: 24px}
.m-p-25{padding: 25px}
.m-p-30{padding: 30px}
.m-p-32{padding: 32px}
.m-p-40{padding: 40px}
.m-p-t-5{padding-top: 5px;}
.m-p-b-5{padding-bottom: 5px;}
.m-p-l-5{padding-left: 5px;}
.m-p-r-5{padding-right: 5px;}
.m-p-t-10{padding-top: 10px;}
.m-p-b-10{padding-bottom: 10px;}
.m-p-l-10{padding-left: 10px;}
.m-p-r-10{padding-right: 10px;}
.m-p-t-15{padding-top: 15px;}
.m-p-b-15{padding-bottom: 15px;}
.m-p-l-15{padding-left: 15px}
.m-p-r-15{padding-right: 15px}
.m-p-t-20{padding-top: 20px;}
.m-p-b-20{padding-bottom: 20px;}
.m-p-l-20{padding-left: 20px}
.m-p-r-20{padding-right: 20px}
.m-p-t-25{padding-top: 25px;}
.m-p-b-25{padding-bottom: 25px;}
.m-p-l-25{padding-left: 25px}
.m-p-r-25{padding-right: 25px}
.m-p-t-30{padding-top: 30px;}
.m-p-b-30{padding-bottom: 30px;}
.m-p-l-30{padding-left: 30px}
.m-p-r-30{padding-right: 30px}
.m-p-l-40{padding-left: 40px}
.m-p-r-40{padding-right: 40px}
.m-p-t-40{padding-top: 40px;}
.m-p-b-40{padding-bottom: 40px;}
.m-p-l-50{padding-left: 50px}
.m-p-r-50{padding-right: 50px}
.m-p-t-50{padding-top: 50px;}
.m-p-b-50{padding-bottom: 50px;}

.m-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block;}
.m-ellipsis-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
  -webkit-box-orient: vertical;word-break:break-all;max-height: 3em;}


textarea{font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
input::-ms-clear,textarea::-ms-clear{display: none;}
input[type=text]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #C0C4CC}
input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #C0C4CC}
input[type=text]:-moz-placeholder,textarea::-moz-placeholder{color: #C0C4CC}
input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color: #C0C4CC}


.ke-lay{background: #FFFFFF; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); border-radius: 4px;overflow: hidden;width:100%}
.ke-lay h2{font-size: 20px;padding:20px 20px 15px;font-weight: bold;}

#ke-list{margin:0 10px -10px 20px;overflow: hidden}
.lesson-lay{display: block;overflow: hidden;margin:0;position: relative;width: 50%;float: left;padding:0 10px 30px 0;}
.lesson-lay .lesson-r-box{height:90px;position:relative;margin:0 0 0 190px;}
.lesson-r-box .tit{ display: -webkit-box;text-align: left; overflow: hidden;margin: 0; color: #303133;font-weight: bold;font-size:16px;line-height: 1.4; -webkit-line-clamp: 2;-webkit-box-orient: vertical;cursor: pointer;}
.lesson-r-box .teacher{color:#909399;font-size: 12px;margin:5px 0 0 0}
.lesson-r-box .bottom{position:absolute;bottom:0;left:0;width:100%;text-align: left;font-size: 18px;height: 21px; line-height: 21px;}

.ke-image{position:relative;width: 180px;height: 90px;border-radius:4px;float: left;cursor: pointer;display: block;border-radius:4px;overflow: hidden;font-size: 0}
.ke-image img{width:100%;vertical-align: middle;display: inline-block;}
.lesson-lay .tab-ico{position:absolute;top:-1px;left:0;display:block}
.lesson-lay .tab-ico{background: url(./images/coupon.png) no-repeat;background-size: 100%;width:29px;height:14px;}
.lesson-lay .tab-ico2{position:absolute;top:0;display:block}
.lesson-lay .tab-ico2{background: url(./images/recommend.png) no-repeat;background-size: 100%;width:30px;height:14px;}

.lesson-lay-side{padding-bottom:20px;float: none;width:100%}
.lesson-lay-side .ke-image{width: 80px;height: 80px;line-height: 80px}
.lesson-lay-side.lesson-lay .lesson-r-box{margin: 0 0 0 90px;height:80px;}
.lesson-lay-side.lesson-lay .lesson-r-box .tit{font-size:14px;}
.lesson-lay-under{width: 50%;}

@media screen and (max-width: 768px) {
   .doc-column.related-ke{display: none}
}

.ke-lay.ke-lay-in-news{background: none; box-shadow:none; border-radius:0;}
.ke-lay.ke-lay-in-news h2{font-size: 20px;font-weight: bold;margin:0;color:#303133;padding:10px 0 20px;}
.ke-lay.ke-lay-in-news #ke-list{margin:0;}
.ke-lay.ke-lay-in-news .lesson-lay{width:calc((100% - 15px) / 2);}
.ke-lay.ke-lay-in-news .lesson-lay:nth-of-type(odd){margin-right: 14px;}

.ke-lay-in-wiki{background: none; box-shadow:none; border-radius:0;}
.ke-lay-in-wiki h2{margin-bottom: 15px;padding: 0 0 15px;}
.ke-lay-in-wiki #ke-list{margin:0;}
.ke-lay-in-wiki .lesson-lay{float:none;width:auto;}
.ke-lay-in-wiki .bottom i{font-style: normal;}

.lesson-r-box .vip-ico{display: block;float: left;margin: 5px 5px 0 0;  background: url(./images/vip-icon.png) no-repeat;background-size: 100%;width:42px;  height:13px;vertical-align: text-bottom;}
.lesson-r-box .fc-red-price.free{font-size: 16px;vertical-align: text-bottom;}
.lesson-r-box .fc-red-price{color:#F95355;font-weight: bold;font-size: 12px;vertical-align: text-bottom;}
.lesson-r-box .fc-red-price i{font-size: 18px;}
.lesson-r-box .fc-blue-price{color:#0152D9;font-weight: bold;font-size: 12px;vertical-align: text-bottom;}
.lesson-r-box .fc-blue-price i{font-size: 18px;}
.lesson-r-box .oPrice {color: #909399;text-decoration: line-through;font-size: 12px;vertical-align: text-bottom;}
.lesson-r-box .oPrice i{font-size: 14px;}

.lesson-lay-side .lesson-r-box .fc-red-price i{font-size: 14px;}
.lesson-lay-side .lesson-r-box .fc-blue-price i{font-size: 14px;}
.lesson-lay-side .lesson-r-box .fc-red-price.free{font-size: 14px}
.lesson-lay-side .oPrice i{font-size: 12px;}


/*弹出层*/
.common-Dialog{position:fixed;top:50%;left:50%;z-index:10001;border-radius:5px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;width:438px;margin-left:-219px;margin-top:-150px;min-height:250px;}
.common-Dialog>h4.title{letter-spacing:1px;margin:0;color:#303133;font-size:22px;font-weight:bolder;height:60px;line-height:60px;padding:0 25px;border-bottom:1px solid #edeff2}
.common-Dialog .closeIcon{color:#b8b8b8;float:right;background-size:100%;text-decoration:none;width:15px;height:15px;display:block;margin:24px 25px 0 0}
.common-Dialog .closeIcon i{width:100%;height:100%;display:block;background:url(../../common/images/dialog-close.png) center no-repeat;background-size:100%}
.common-Dialog .body{margin:0px 25px;overflow:hidden;-ms-overflow-style:scrollbar;}
.common-Dialog .msg{text-align:center;color:#303133;margin:35px 0 40px 0;font-weight:700}
.common-Dialog .bottom{margin:0 0 50px 0;padding:0 20px;width:100%;height: 40px;}
.common-Dialog .bottomBtn{margin:0 auto;width:80%}

.cbtn-xs{display:block;box-sizing: content-box; font-size: 14px; cursor: pointer;width:74px;height: 32px; line-height: 32px; text-align: center; border-radius: 4px;letter-spacing: 1px;}
.cbtn-m{display: block;box-sizing: content-box; padding:0 20px;height:38px;line-height:38px;margin-left:30px;font-size:14px;float:left;width:68px;border-radius: 5px;text-align: center}
.cbtn{display:block; font-size: 16px; cursor: pointer;padding: 0px 20px;height: 40px; line-height: 40px; text-align: center; border-radius: 5px;letter-spacing: 1px;}

.pop-zan-wrap{position: fixed;top: 50%;left: 50%;
z-index: 1008;margin-top: -2em;padding: .64em 1em;margin-left: -5em;
min-height: 1.2em; border-radius: 8px;max-width:10rem;background-color: rgba(0,0,0,.7); 
color: #fff;text-align: center; font-size:.9em;line-height: 1.5;}
 @media screen and (min-width:768px) {
	 .pop-zan-wrap{max-width:fit-content;}
 }

.pop-radius-new{position:fixed;left:50%;z-index:1003;border-radius: 10px;background-color: #fff;transition: opacity .3s;margin-left:-219px; top:50%; margin-top: -230px;width:438px;}
.pop-radius-new .head{position: relative }
.pop-radius-new .title{padding: 0 30px;font-weight: 600;height: 60px;line-height: 60px;border-bottom:1px solid #EDEFF2;margin:0}
.pop-close{position: absolute;right: 30px;top:20px;height: 20px;width:20px;background: url(../../common/images/dialog-close.png) no-repeat; background-size: 100%;}
.dialog-btns{text-align: center;padding-top:30px;padding-bottom: 30px;}
.dialog-btn{text-decoration: none; min-width: 112px;width: auto;display: inline-block;height: 40px;line-height:38px;font-size: 16px;margin-top: 0;cursor: pointer;border-radius: 5px;box-sizing: border-box;}
.dialog-btn:hover{text-decoration: none;}
.dialog-btn+.dialog-btn{margin-left: 20px;}
.dialog-btn.plain{background: #FFFFFF;border: 1px solid #EDEFF2;color:#303133}
.dialog-btn.doc-primary{background: #1CA472;border: 1px solid #1CA472;color:#fff}
.dialog-btn.news-primary{background: #DD4F2B;border: 1px solid #DD4F2B;color:#fff}
.dialog-btn.wiki-primary{background: #ffa300;border: 1px solid #ffa300;color:#fff}

.form-box{padding:30px 30px 0;}
.form-box .item-wr+.item-wr{margin-top: 30px;}
.form-box .item-label{display: block;overflow: hidden;font-size: 16px;float: left;height: 40px;line-height: 40px}
.form-box .item-value{ margin-left: 84px;}
.form-box .input-wrap {font-size:0;}
.form-box .input-wrap input{border-radius: 5px;width: 100%;outline: 0;padding:0 10px;border: none;box-shadow: none;background-color: #F5F7FA;font-size: 16px;height: 40px;box-sizing: border-box;}
.form-box .input-wrap .input{line-height: 40px;border-radius: 5px;width: 100%;outline: 0;padding:0 10px;border: none;box-shadow: none;background-color: #F5F7FA;font-size: 16px;height: 40px;box-sizing: border-box;}

.form-box .input-wrap textarea{border-radius: 5px;resize: none;width: 100%;outline: 0;padding:10px;border: none;box-shadow: none;background-color: #F5F7FA;font-size: 16px;height: 120px;box-sizing: border-box;}

.select-wrap{position:relative;}
.select-wrap .arrow-pos{position:absolute;right:10px;top:15px;}
.select-wrap .fold-ico{border-bottom: 8px solid #909399;display: block;border-left: 8px solid transparent;transform: rotate(45deg);transform-origin: center center;transition: all .3s;}
.select-wrap .arrowDown{ transform: rotate(225deg);}
.select-wrap  input{cursor: pointer}
.select-wrap .options{z-index: 100;border: 1px solid #EDEFF2;width: 100%; border-radius:4px;margin:0;padding:0;
position: absolute;top:50px;left:0;background: #fff;font-size: 16px;max-height:200px; overflow-y: auto;overflow-x: hidden;}
.select-wrap .options li{padding:10px 10px;cursor: pointer;line-height: 1.5;width: 100%;list-style: none;margin:0}
.select-wrap .options li.sel{background: #F5F7FA;color:#0152D9;}
.select-wrap .options li:hover{color:#0152D9;background: #F5F7FA; }

.img-container .add-number{float: right}
.img-container i{font-style: normal;}
.img-upload{height: 90px;}
.img-upload .inn{background-color: #F5F7FA;border-radius: 5px;position: relative;cursor: pointer;overflow: hidden; width: 90px;height: 90px;}
.img-upload img{display: block;width: 100%;height: 100%; border-radius: 5px;}
.img-upload .btn-delete-img{position: absolute;right: 3px;top:3px;width: 20px;height: 20px;background: url("./images/icon-delete@2x.png") no-repeat center center;background-size: 100%}
.img-upload+.img-upload .inn{margin-left: 5px;}
.img-add{width: 90px;display: block;cursor: pointer;height: 90px;border-radius: 5px;background: #F5F7FA url("./images/ic_imgadd@2x.png") no-repeat center center;background-size: 30px;}

.swiper-scrollbar{background: transparent;cursor: pointer;bottom: 0}
.swiper-scrollbar-drag{background-color: #C0C4CC;border-radius: 3px}

.prompt-ico{display:block;margin:30px auto 0;width:100px;height:100px;}
.prompt-1{background:url("./images/prompt-1.png");background-size:100%;}

